<!doctype html>
<html lang="en">
  <head>
    <title>Welcome</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="refresh" content=7.5;url="index.html">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="title.css">
    <link rel="stylesheet" href="lib/welcome.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  </head>
  <body>
    
    <!-- <h2>I am a Title</h2>
    <h2 style="--g:50px;--c:purple">Adding some gap </h2>
    <h2 style="--w:100vw;--c:blue;--s:7px">Title</h2>
    <h2 style="--c:green;--s:5px;--w:50px;--g:20px">Another Title</h2> -->

    <div class="background background0"></div>
    <div class="background background1"></div>
    <div class="background background2"></div>
    <div class="background background3"></div>
    <div class="background background4"></div>
    <div class="background background5"></div>
    <div class="background background6"></div>
    <div class="background background7"></div>
    <div class="criterion">
      <div class="text text0">每</div>
      <div class="text text1">天</div>
      <div class="text text2">赚</div>
      <div class="text text3">五</div>
      <div class="text text4">块</div>
      <div class="text text5">作</div>
      <div class="text text6">品</div>
      <div class="text text7">: )</div>
      <div class="frame frame0"></div>
      <div class="frame frame1"></div>
      <div class="frame frame2"></div>
      <div class="frame frame3"></div>
      <div class="frame frame4"></div>
      <div class="frame frame5"></div>
      <div class="frame frame6"></div>
      <div class="frame frame7"></div>
      <div class="particle particle00"></div>
      <div class="particle particle01"></div>
      <div class="particle particle02"></div>
      <div class="particle particle03"></div>
      <div class="particle particle04"></div>
      <div class="particle particle05"></div>
      <div class="particle particle06"></div>
      <div class="particle particle07"></div>
      <div class="particle particle08"></div>
      <div class="particle particle09"></div>
      <div class="particle particle010"></div>
      <div class="particle particle011"></div>
      <div class="particle particle10"></div>
      <div class="particle particle11"></div>
      <div class="particle particle12"></div>
      <div class="particle particle13"></div>
      <div class="particle particle14"></div>
      <div class="particle particle15"></div>
      <div class="particle particle16"></div>
      <div class="particle particle17"></div>
      <div class="particle particle18"></div>
      <div class="particle particle19"></div>
      <div class="particle particle110"></div>
      <div class="particle particle111"></div>
      <div class="particle particle20"></div>
      <div class="particle particle21"></div>
      <div class="particle particle22"></div>
      <div class="particle particle23"></div>
      <div class="particle particle24"></div>
      <div class="particle particle25"></div>
      <div class="particle particle26"></div>
      <div class="particle particle27"></div>
      <div class="particle particle28"></div>
      <div class="particle particle29"></div>
      <div class="particle particle210"></div>
      <div class="particle particle211"></div>
      <div class="particle particle30"></div>
      <div class="particle particle31"></div>
      <div class="particle particle32"></div>
      <div class="particle particle33"></div>
      <div class="particle particle34"></div>
      <div class="particle particle35"></div>
      <div class="particle particle36"></div>
      <div class="particle particle37"></div>
      <div class="particle particle38"></div>
      <div class="particle particle39"></div>
      <div class="particle particle310"></div>
      <div class="particle particle311"></div>
      <div class="particle particle40"></div>
      <div class="particle particle41"></div>
      <div class="particle particle42"></div>
      <div class="particle particle43"></div>
      <div class="particle particle44"></div>
      <div class="particle particle45"></div>
      <div class="particle particle46"></div>
      <div class="particle particle47"></div>
      <div class="particle particle48"></div>
      <div class="particle particle49"></div>
      <div class="particle particle410"></div>
      <div class="particle particle411"></div>
      <div class="particle particle50"></div>
      <div class="particle particle51"></div>
      <div class="particle particle52"></div>
      <div class="particle particle53"></div>
      <div class="particle particle54"></div>
      <div class="particle particle55"></div>
      <div class="particle particle56"></div>
      <div class="particle particle57"></div>
      <div class="particle particle58"></div>
      <div class="particle particle59"></div>
      <div class="particle particle510"></div>
      <div class="particle particle511"></div>
      <div class="particle particle60"></div>
      <div class="particle particle61"></div>
      <div class="particle particle62"></div>
      <div class="particle particle63"></div>
      <div class="particle particle64"></div>
      <div class="particle particle65"></div>
      <div class="particle particle66"></div>
      <div class="particle particle67"></div>
      <div class="particle particle68"></div>
      <div class="particle particle69"></div>
      <div class="particle particle610"></div>
      <div class="particle particle611"></div>
      <div class="particle particle70"></div>
      <div class="particle particle71"></div>
      <div class="particle particle72"></div>
      <div class="particle particle73"></div>
      <div class="particle particle74"></div>
      <div class="particle particle75"></div>
      <div class="particle particle76"></div>
      <div class="particle particle77"></div>
      <div class="particle particle78"></div>
      <div class="particle particle79"></div>
      <div class="particle particle710"></div>
      <div class="particle particle711"></div>
    </div>    
      
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>

<!-- <script language="javascript" type="text/javascript">
//以下方式直接跳转
window.location.href='http://www.baidu.com';
//以下方式定时跳转
setTimeout("javascript:location.href='http://www.baidu.com'", 10000);
</script> -->
